<template>
	<nav class="bottom-nav">
		<navigator url="/pages/index/index" class="nav-item">
			<uni-icons type="home"></uni-icons>
			<p>首页</p>
		</navigator>
		<navigator url="/pages/explorer/explorer" class="nav-item">
			<uni-icons type="search"></uni-icons>
			<p>探索</p>
		</navigator>
		<navigator url="/pages/my/my" class="nav-item">
			<uni-icons type="person"></uni-icons>
			<p>我</p>
		</navigator>
	</nav>
</template>


<style scoped>
	.bottom-nav {
		display: flex;
		justify-content: space-around;
		background-color: #E6F7EF;
		padding: 16px;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.nav-item {
		color: #666;
		span-decoration: none;
		text-align: center;
	}
</style>